{volist name="tree" id="a"}
<div class="list-group">
  <h1 title="{$a.NavTitle}"><i class="iconfont icon-home-full"></i></h1>
  <div class="list-wrap">
    <h2>{$a.NavTitle}<i class="iconfont icon-arrow-down"></i></h2>
    <ul>
      {present name="a._child"}
      {volist name="a._child" id="b"}
      <li>
        <a navid="{$b.NavId}"><span>{$b.NavTitle}</span></a>
        <ul>
        {present name="b._child"}
          {volist name="b._child" id="c"}
          <li><a target="mainframe" navid="{$c.NavId}" href="{$c.IsDisabled?'#':''}{:url($c.LinkUrl)}"><span>{$c.NavTitle}</span></a></li>
          {/volist}
        {/present}
        </ul>
      </li>
      {/volist}
      {/present}
    </ul>
  </div>
</div>
{/volist}